closes #47

PR: Integrate Staking on Pools + Wallet Balance Hook & Input Validations

https://www.loom.com/share/b78d1b05ba6342589ee2d64e0e84f407?sid=6d52ccea-8e4f-4908-a8e2-33792ee9b184

Overview

This PR implements staking functionality on the Pools screen, enabling users to stake tokens directly via smart contract interaction. It also introduces a reusable wallet balance hook and input-level validations for a smooth and safe staking experience.

✅ What’s Included

1. UI Design & Implementation

• Designed and implemented the staking interface on the Pools screen.
• Includes a responsive input field for staking amount and action buttons.

2. Smart Contract Integration

• Integrated the staking functionality with the relevant smart contract.
• Handles contract calls using the connected wallet’s address.

3. Hooks

• useWalletBalance Hook: Created a reusable hook to fetch and return the current balance of the connected wallet.

4. Input Validations

• Ensures users cannot stake more than their wallet balance.
• Prevents staking below the minimum required amount.
• Displays real-time error messages for invalid or insufficient input values.
• Protects contract interaction by validating before any on-chain call.

Notes for Reviewers

• Make sure your wallet is connected when testing.
• The balance hook depends on the correct token contract; confirm config if issues arise.
• For now, error handling is displayed inline with the input. Can be improved with toasts or modals in a future update.